.my{
    background:#E7DACA;
}
#my-body{
    background:url('../images/bj.png') no-repeat;
    background-size: 100% 100%;
    height: 520px;
}
.my-logo{
    height: 80px;
    opacity: 0.6;
    margin: 0px 5px 0px 0px;
}
.my-logo img{
    height: 80px;
    margin: 5px 0px;
    width: 80px;
}

.my-logo-change{
    animation:changeLogo 1s 1;
    -moz-animation:changeLogo 1s 1;
    -webkit-animation:changeLogo 1s 1;
}

.my-menu{
    margin: 5px 0px 5px 0px;
}
.my-menu >div{
    width: 46%;
    height: 115px;
    background-color: #FFF;
    margin: 5px;
    opacity: 0.5;
    text-align: center;
}
.my-menu-str{
    font-size: 25px;
    margin: 45px 0px;
}
.my-menu-from-left1{
    animation:menuFromLeft1 1s 1;
    -moz-animation:menuFromLeft1 1s 1;
    -webkit-animation:menuFromLeft1 1s 1;
}

.my-menu-from-right1{
    animation:menuFromRight1 1s 1;
    -moz-animation:menuFromRight1 1s 1;
    -webkit-animation:menuFromRight1 1s 1;
}

.my-menu-from-left2{
    animation:menuFromLeft2 1s 1;
    -moz-animation:menuFromLeft2 1s 1;
    -webkit-animation:menuFromLeft2 1s 1;
}

.my-menu-from-right2{
    animation:menuFromRight2 1s 1;
    -moz-animation:menuFromRight2 1s 1;
    -webkit-animation:menuFromRight2 1s 1;
}

.my-menu-from-left3{
    animation:menuFromLeft3 1s 1;
    -moz-animation:menuFromLeft3 1s 1;
    -webkit-animation:menuFromLeft3 1s 1;
}

.my-menu-from-right3{
    animation:menuFromRight3 1s 1;
    -moz-animation:menuFromRight3 1s 1;
    -webkit-animation:menuFromRight3 1s 1;
}
@keyframes menuFromLeft1 {
    0% {transform: rotate(-720deg);right:500px;}
    100% {transform: rotate(0deg);right:0px;}
}
@-moz-keyframes menuFromLeft1 {
    0% {transform: rotate(-720deg);right:500px;}
    100% {transform: rotate(0deg);right:0px;}
}
@-webkit-keyframes menuFromLeft1 {
    0% {transform: rotate(-720deg);-webkit-transform: rotate(-720deg);right:500px;}
    100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);right:0px;}
}

@keyframes menuFromRight1 {
    0% {transform: rotate(-720deg);left:500px;}
    100% {transform: rotate(0deg);left:0px;}
}
@-moz-keyframes menuFromRight1 {
    0% {transform: rotate(-720deg);left:500px;}
    100% {transform: rotate(0deg);left:0px;}
}
@-webkit-keyframes menuFromRight1 {
    0% {transform: rotate(720deg);-webkit-transform: rotate(720deg);left:500px;}
    100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);left:0px;}
}

@keyframes menuFromLeft2 {
    0% {right:500px;}
    100% {right:0px;}
}
@-moz-keyframes menuFromLeft2 {
    0% {right:500px;}
    100% {right:0px;}
}
@-webkit-keyframes menuFromLeft2 {
    0% {right:500px;}
    100% {right:0px;}
}

@keyframes menuFromRight2 {
    0% {left:500px;}
    100% {left:0px;}
}
@-moz-keyframes menuFromRight2 {
    0% {left:500px;}
    100% {left:0px;}
}
@-webkit-keyframes menuFromRight2 {
    0% {left:500px;}
    100% {left:0px;}
}

@keyframes menuFromLeft3 {
    0% {transform: rotate(720deg);right:500px;}
    100% {transform: rotate(0deg);right:0px;}
}
@-moz-keyframes menuFromLeft3 {
    0% {transform: rotate(720deg);right:500px;}
    100% {transform: rotate(0deg);right:0px;}
}
@-webkit-keyframes menuFromLeft3 {
    0% {transform: rotate(720deg);-webkit-transform: rotate(720deg);right:500px;}
    100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);right:0px;}
}

@keyframes menuFromRight3 {
    0% {transform: rotate(720deg);left:500px;}
    100% {transform: rotate(0deg);left:0px;}
}
@-moz-keyframes menuFromRight3 {
    0% {transform: rotate(720deg);left:500px;}
    100% {transform: rotate(0deg);left:0px;}
}
@-webkit-keyframes menuFromRight3 {
    0% {transform: rotate(-720deg);-webkit-transform: rotate(-720deg);left:500px;}
    100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);left:0px;}
}

@keyframes changeLogo {
    0% {transform: rotate(-720deg);}
    100% {transform: rotate(0deg);}
}
@-moz-keyframes changeLogo {
    0% {transform: rotate(-720deg);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes changeLogo {
    0% {transform: rotate(-720deg);-webkit-transform: rotate(-720deg);}
    100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}

.my-bottom-menu{
    text-align: center;
}
.my-bottom-menu >div{
    margin: 15px 0;
    font-size: 23px;
}
.my-active{
    color: #FF799F;
}
.my-more-message{
    border:2px;
    border-radius:25px;
    margin: 10px 0px;
    background-color: #FFF;
    height: 35px;
    opacity: 0.6;
}
.my-more-message >div{
    margin: 10px 0px;
    font-size: 15px;
    text-align: center;
}
.triangle-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #FFF;
    border-bottom: 5px solid transparent;
    margin: 20px 0px 0px 0px;
}
.triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid red;
    border-bottom: 5px solid transparent;
    margin: 20px 0px 0px 0px;
}
.my-head{
    height: 50px;
    width: 50px;
}
.my-head >img{
    border:2px;
    border-radius:10px;
    height: 100%;
    width: 100%;
}
.message{
    border:2px;
    border-radius:5px;
    background-color: #FFF;
    width: 90%;
    margin: 5px 0px 0px 0px;
}
.message >p{
    margin: 8px 8px;
    word-break:break-all;
}
.message-left >div{
    float: left;
}

.user-info{
    margin: 10px 0px 0px 0px;
}

.my-user-nickname{
    background-color: #fff;
    /*border-radius:5px;*/
    border-top:1px solid #ccc;
    height: 50px;
    opacity: 0.8;
}
.my-user-nickname >div{
    margin: 15px 0px 0px 0px;
}
.my-user-nickname-div >div{
    float: left;
}

.my-user-head{
    background-color: #fff;
    /*border-top:2px solid #ccc;*/
    /*border-radius:5px;*/
    opacity: 0.8;
    height: 100px;
}

.my-user-head-div >div{
    float: left;
}

.my-user-head img{
    height: 60px;
    width: 60px;
    border: 1px solid #a94442;
    border-radius:5px;
}

.my-user-ercode{
    background-color: #fff;
    /*border-radius:5px;*/
    border-top:1px solid #ccc;
    height: 48px;
    opacity: 0.8;
}
.my-user-ercode >div{
    margin: 15px 0px;
}
.my-user-ercode-div >div{
    float: left;
}

.goods-row{
    margin: 2px 0px 0px 0px;
}
.goods{
    margin: 3px 0px;
    background-color: #FFF;
    border-radius:5px;
}
.goods-share >div{
    margin: 10px 0px 0px 0px;
}
.goods-share >div{
    padding-top: 5px;
    color: #666666;
    text-align: center;
}
.goods-show >div{
    float:left;
}
.goods-image{
    margin: 10px 0px 0px 0px;
}
.goods-image >img{
    width: 80px;
    height: 80px;
    border: 1px solid #a94442;
    border-radius:5px;
}
.goods-title{
    color: #333;
    margin: 10px 3px 0px 0px;
}
.goods-price{
    color: red;
    margin: 3px 0px;
}
.goods-info{
    color: #666;
    margin: 10px 0px;
}
.goods-div-d{
    padding: 5px;
}

.my-fanhui{
    height: 45px;
    background-color: #D03E43;
}

.my-fanhui-jiantou{
    float: left;
    font-size: 30px;
    color: #fff;
    margin-top: 5px;
}
.my-fanhui-text {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: 'Microsoft Yahei';
    margin-top: 8px;
}
.my-fanhui-text >span{
    margin-left: -40px;
}


.my-pic-list img{
    width: 100%;
    height: 100px;
    border: 4px;
    border-radius:10px 10px 0px 0px;

 }
.my-pic-list p{
    word-break:break-all;
    margin: 0px 5px;
    overflow:hidden;
    height: 60px;
}
.my-pic-list-content{
    margin: 3px 5px;
    border: 1px solid #ECECEC;
    border-radius:10px;
    padding-bottom: 10px;
    opacity: 0.8;
    background: #FFF;
}
.my-pic-list-content-time{
    opacity: 0.8;
    background: #FFF;
    text-align: right;
    font-size: 15px;
}
.my-pic-list-content-p{
    opacity: 0.8;
    background: #FFF;
    border-radius:0px 0px 10px 10px;
    font-family: "Microsoft Yahei";
}

.container.containerSmall > .row{ margin-left: -15px; margin-right: -15px;}
.container.containerSmall > .row .col-xs-6{ padding-left: 0px; padding-right: 0px;}

.my-detail{
    margin: 10px;
}
.my-detail >div{
    margin: 3px 0px;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius:10px;
    opacity: 0.8;
}
.my-detail-span{
    margin: 6px;
    color: #da4036;
    font-size: 20px;
}
.my-detail-p{
    word-break:break-all;
}
.my-detail-html img{
    width: 100%;
}

